<div style="padding: 7px">
  <i *ngIf="iconType != null" nz-icon [nzType]="iconType" nzTheme="outline"></i>
    <span>
      <span  class="rule-item">
          <nz-select nzPlaceHolder="请选择操作项" [(ngModel)]="ruleData.action" (ngModelChange)="changeAction()">
            <nz-option *ngFor="let it of execList" [nzValue]="it.code" [nzLabel]="it.name"></nz-option>
          </nz-select>
      </span>
    </span>


  <span *ngIf="actionObj != null">

    <span class="rule-item"  *ngFor="let paramDef of actionObj.paramsDef">
      <nz-select style="padding-left: 5px;padding-right: 5px" *ngIf="paramDef.type == 0 " nzPlaceHolder="请选择"  [(ngModel)]="ruleData.expression[paramDef.name]" >
        <nz-option  style="padding-left: 5px;padding-right: 5px"  *ngFor="let it of paramDef.values" [nzValue]="it.value" [nzLabel]="it.name"></nz-option>
      </nz-select>
      <!--            <input nz-input placeholder="default size" nzSize="default" />-->
      <input style="width: 200px" *ngIf="paramDef.type ==1 "  type="text" nz-input  [(ngModel)]="ruleData.expression[paramDef.name]" />
    </span>
  </span>
  <span>
    <a style="margin: 2px" nz-button nzSize="small" (click)="addChild()">添加子规则</a>
    <a style="margin: 2px" nz-button nzDanger nzSize="small" (click)="sendRemoveEvent()">删除</a>
  </span>
  <div style="margin-left: 30px">

     <app-rule-gui *ngFor="let it of ruleData.children" [ruleData]="it" (remove)="removeChild(it)"
                   [iconType]="ruleData.action=='execOne'?'branches':null">

    </app-rule-gui>
  </div>


</div>
